<template>
  <div :class="{ 'cursor-not-allowed opacity-60': disabled }">
    <div :class="{ 'pointer-events-none': disabled }">
      <slot></slot>
    </div>
  </div>
  <!-- 蒙层覆盖整个区域  bg-white/20 backdrop-blur-sm-->
  <!-- <div
      class="pointer-events-auto absolute inset-0 z-50 flex items-center justify-center bg-gray-600/10"
    >
      
      <div
        class="h-12 w-12 animate-spin rounded-full border-4 border-blue-500 border-t-transparent"
      ></div>
    </div> -->
</template>
<script lang="ts" setup>
defineProps({
  disabled: {
    type: Boolean,
    default: false,
  },
})
</script>
